<header id="navbar">
    <div id="navbar-container" class="boxed">

        <div class="navbar-header">
            <a href="javascript:;" class="navbar-brand">
                <img src="{{ url_for('static', filename='images/logo.png') }}" alt="Nifty Logo" class="brand-icon">
                <div class="brand-title">
                    <span class="brand-text">Bees</span>
                </div>
            </a>
        </div>

        <div class="navbar-content">
            <ul class="nav navbar-top-links">
                <!--导航伸缩按钮-->
                <li class="tgl-menu-btn">
                    <a class="mainnav-toggle" href="#">
                        <i class="fa fa-bars"></i>
                    </a>
                </li>
                <!--搜索-->
                <li>
                    <div class="custom-search-form">
                        <label class="btn btn-trans collapsed" for="search-input" data-toggle="collapse" data-target="#nav-searchbox" aria-expanded="false">
                            <i class="fa fa-search"></i>
                        </label>
                        <form>
                            <div class="search-container collapse" id="nav-searchbox">
                                <input id="search-input" type="text" class="form-control" placeholder="请输入关键字" autocomplete="off">
                                <i class="fa fa-search"></i>
                            </div>
                        </form>
                    </div>
                </li>
            </ul>
            <ul class="nav navbar-top-links">

                <!--通知-->
                <li class="dropdown">
                    <a href="#" data-toggle="dropdown" class="dropdown-toggle">
                        <i class="fa fa-bell-o"></i>
                        <span class="badge badge-header badge-danger"></span>
                    </a>
                    <div class="dropdown-menu dropdown-menu-md dropdown-menu-right">
                        <ul class="head-list">
                            <li>
                                <span>暂无</span>
                            </li>
                        </ul>
                    </div>
                </li>

                <!--用户-->
                <li id="dropdown-user" class="dropdown">
                    <a href="#" data-toggle="dropdown" class="dropdown-toggle text-right">
                        <i class="fa fa-user-o"></i>
                    </a>
                    <div class="dropdown-menu dropdown-menu-sm dropdown-menu-right panel-default">
                        <ul class="head-list">
                            <li>
                                <a href="#"><i class="fa fa-user fa-fw"></i> 个人中心</a>
                            </li>
                            <li>
                                <a href="{{ url_for("users.change-password") }}"><i class="fa fa-key fa-fw"></i> 修改密码</a>
                            </li>
                            <li>
                                {% if current_user.otp_turned_on %}
                                    <a href="{{ url_for("users.user-otp-disable-unbind") }}"><i class="fa fa-cog fa-fw"></i> 关闭MFA</a>
                                {% else %}
                                    <a href="{{ url_for("users.user-otp-enable-authentication") }}"><i class="fa fa-cog fa-fw"></i> 开启MFA</a>
                                {% endif %}
                            </li>
                            <li>
                                <a href="{{ url_for("users.logout") }}"><i class="fa fa-unlock-alt fa-fw"></i> 退出</a>
                            </li>
                        </ul>
                    </div>
                </li>

                <!--更多-->
                <li class="mega-dropdown">
                    <a href="#" class="mega-dropdown-toggle">
                        <i class="fa fa-ellipsis-v"></i>
                    </a>
                    <div class="dropdown-menu mega-dropdown-menu">
                        更多
                    </div>
                </li>

            </ul>
        </div>

    </div>
</header>